<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <title th:text="${(article.shortTitle != null && article.shortTitle != '') ? article.shortTitle : article.title}"></title>
    <meta name="keywords" th:attr="content=${article.title}"/>
    <meta name="description" th:attr="content=${article.summary}" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   	<link rel="stylesheet" type="text/css" th:href="@{/style/base.css}" />
    <link rel="stylesheet" type="text/css" th:href="@{/style/index.css}" />
    <link rel="stylesheet" type="text/css" th:href="@{/style/info.css}" />
    
    <link rel="stylesheet" type="text/css" th:href="@{/style/vue/plugins/mavon-editor/markdown/github-markdown.min.css}" />
    <link rel="stylesheet" type="text/css" th:href="@{/style/vue/plugins/mavon-editor/katex/katex.min.css}" />
    <link rel="stylesheet" type="text/css" th:href="@{/style/vue/plugins/mavon-editor/highlightjs/styles/github.min.css}" />
</head>

<body>
    <header th:replace="common/header"></header>
    <article>
        <div class="leftbox">
            <div class="infos">
                <div class="newsview">
                    <h2 class="intitle">您现在的位置是：
                        <a href="/">首页</a>&nbsp;>&nbsp;
                        <a th:href="@{|/${article.channel.path}.html|}" th:text="${article.channel.name}"></a>&nbsp;>&nbsp;
                        <a th:href="@{${'/type/'+article.articleType.code+'.html'}}" th:text="${article.articleType.name}"></a>
                    </h2>
                    <h3 class="news_title" th:text="${article.title}">文章标题</h3>
                    <div class="news_author">
                        <span class="au01" th:text="${ article.attr.containsKey('author') ? article.attr.author : '暂无'}">作者</span>
                        <span class="au02" th:text="${ #dates.format(article.releaseDate,'yyyy-MM-dd') }">2018-03-20</span>
                        <span class="au03" style="padding-left:10px;">共<b th:text="${article.accessNum}">0</b>人围观</span>
                    </div>
                    <div class="tags">
                        
                    </div>
                    <div th:if="${article.summary != null && article.summary != ''}" class="news_about" th:utext="|<strong>简介</strong>${article.summary}|">
                    	<strong>简介</strong>文章简介
                    </div>
                    <div th:if="${article.content != null}" class="news_infos markdown-body" th:utext="${article.content.html}">文章内容</div>
                    <p th:if="${article.attr.containsKey('form')}" th:utext="|文章来源：${article.attr.containsKey('form') ? article.attr.form : '暂无'}|"></p>
                </div>
                <!-- <div class="share">分享：</div> -->
            </div>
            <div class="nextinfo">
            	<!--/*--> 
                <p>上一篇：
                    <a href='/jstt/web/2018-03-07/802.html'>野草云怎么样？香港CN2 VPS，美国CERA VPS，香港虚拟主机</a>
                </p>
                <p>下一篇：
                    </a>
                </p>
                <!--*/-->
                <p><a th:href="@{|/${article.channel.path}.html|}">返回列表</a></p>
            </div>
            <div class="otherlink">
                <h2>相关文章</h2>
                <ul>
                	<!--/*--> 
                    <li>
                        <a href="/news/life/2018-03-04/801.html" title="帝国cms7.5更新完毕">帝国cms7.5更新完毕</a>
                    </li>
                    <li>
                        <a href="/jstt/web/2015-07-03/749.html" title="帝国cms首页、自定义页面如何实现分页">帝国cms首页、自定义页面如何实现分页</a>
                    </li>
                    <li>
                        <a href="/jstt/bj/2014-10-18/731.html" title="帝国cms常用标签调用方法总结（不得不收藏哦）">帝国cms常用标签调用方法总结（不得不收藏哦）</a>
                    </li>
                    <li>
                        <a href="/jstt/bj/2013-08-06/570.html" title="帝国cms怎样修改列表分页函数">帝国cms怎样修改列表分页函数</a>
                    </li>
                    <!--*/-->
                </ul>
            </div>
            <div class="news_pl">
                <h2>文章评论</h2>
                <ul>
                    <div class="gbko">
						<div id="SOHUCS" th:categoryid="${article.channel.bid}" th:sid="|${article.channel.bid}-${article.bid}|"></div>
                    </div>
                </ul>
            </div>
        </div>
        <div class="rightbox">
            <div th:replace="common/rightbox :: .search"></div>
            <div class="paihang">
                <h2 class="ab_title">
                    <a href="/">本栏推荐</a>
                </h2>
                <ul>
                	<app:article rows="6" sort="desc" sidx="releaseDate"  channelBid="${article.channel.bid}" isRecommend="1">
               		<li th:each="article : ${paging.rows}">
                        <b>
                            <a th:href="@{|/${article.channel.path}/${article.bid}.html|}" target="_blank" th:text="${ #strings.abbreviate((article.shortTitle != null && article.shortTitle != '') ? article.shortTitle : article.title , 17)}">文章标题</a>
                        </b>
                        <p th:utext="${#strings.abbreviate(article.summary,72)}">文章内容...</p>
                    </li>
                	</app:article>
                </ul>
                <div class="ad">
                    
                </div>
            </div>
            <div class="paihang">
                <h2 class="ab_title">
                    <a href="/">点击排行</a>
                </h2>
                <ul>
                	<app:article rows="6" page="1" sort="desc" sidx="accessNum" channelBid="${article.channel.bid}">
	                	<li th:each="article : ${paging.rows}">
	                        <b>
	                            <a th:href="@{|/${article.channel.path}/${article.bid}.html|}" target="_blank" th:text="${ #strings.abbreviate((article.shortTitle != null && article.shortTitle != '') ? article.shortTitle : article.title , 17)}">文章标题</a>
	                        </b>
	                        <p th:utext="${#strings.abbreviate(article.summary,72)}">文章内容...</p>
	                    </li>
                	</app:article>
                </ul>
                <div class="ad">
                	
                </div>
            </div>
            <div th:replace="common/rightbox :: .weixin"></div>
        </div>
    </article>
    <footer th:replace="common/footer"></footer>
    <script th:replace="common/changyan"></script>
</body>

</html>
